<div id="Contenedor">
    <div id="Graficos">
        <div id="humedad" class ="Grafico"></div>
        <div id="temperatura" class ="Grafico"></div>
    </div>
    <div id="Controles">
        
    </div>
</div>
<script type="text/javascript">
    g = new Dygraph(
            // containing div
            document.getElementById("temperatura"),
            // CSV or path to a CSV file.
            "Hora,Temperatura\n" +
            "2008-05-07 18:00,75\n" +
            "2008-05-08 18:05,70\n" +
            "2008-05-09 18:10,80\n" +
            "2008-05-07 18:15,50\n" +
            "2008-05-08 18:20,40\n" +
            "2008-05-09 18:25,30\n",
            {
                showLabelsOnHighlight: false,
                animatedZooms: true,
                title: 'Temperatura Sensor Local',
                ylabel: 'Temperatura (&ordm;C)',
                xlabel: 'Hora',
                valueRange: [0, 100]
            }

    );
</script>
<script type="text/javascript">
    g = new Dygraph(
            // containing div
            document.getElementById("humedad"),
            // CSV or path to a CSV file.
            "Hora,Humedad\n" +
            "2008-05-07 18:00,75\n" +
            "2008-05-08 18:05,70\n" +
            "2008-05-09 18:10,80\n" +
            "2008-05-07 18:15,50\n" +
            "2008-05-08 18:20,40\n" +
            "2008-05-09 18:25,30\n",
            {
                showLabelsOnHighlight: false,
                animatedZooms: true,
                title: 'Humedad Sensor Local',
                ylabel: 'Humedad (%)',
                xlabel: 'Hora',
                valueRange: [0, 100]
            }

    );
</script>


